<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>房东申请页面2</title>
        <link href="../css/house_owner/House2.css" rel="stylesheet">
    </head>
    <body class="background_first">
    <div class="nav">
        <div class="head-logo">
            <a href=""></a>
        </div>
        <div class="head-nav">
            <ul>
                <li><a href="" class="first-item">首页</a> </li>
                <li><a href="">手机端</a> </li>
                <li><a href="">成为房东</a> </li>
                <li><a href="">房源订单中心</a> </li>
                <li><a href="">消息</a> </li>
                <li><a href="">我的收藏</a> </li>
                <li><a href="">帮助</a> </li>
            </ul>
        </div>
        <div class="head-login">
            <a href="">
                <img class="login-logo" src="../image/login-logo.svg"/>
                <span class="login-title">登录</span>
            </a>
            <a href="">
                <img class="regist-logo" src="../image/regist-logo.svg" >
                <span class="login-title">注册</span>
            </a>
        </div>
    </div>

    <!--警告标题-->
    <div class="cart-filter-bar">
        <div class="switch-cart">
            <span class="cart-title">请认真填写房源地址，以便房客寻找您的房屋</span>
        </div>
    </div>





    <!--------出租类型-------->
    <div class="pro-list">
        <ul>
            <li>
                <!--类型头部-->
                <div class="Rental-type">
                    <span>房屋管理/新建房源</span>
                    <p>
                        房源地址/填写您的房源地址
                    </p>

                </div>

                <div class="rentWrapper">
                    <!--<span class="fill-in-address">
                        填写您的房源地址
                    </span>-->
                    <div class="rentItem">
                        <input type="text" readonly="readonly" autocomplete="off" placeholder="省---市---区---街道门牌号" >
                            <ul>
                                <li>
                                    <div class="rentItem_square">
                                        <label>所在城市</label>
                                        <select class="city">
                                            <option>苏州市</option>
                                            <option>无</option>
                                            <option>无</option>
                                            <option>无</option>
                                        </select>
                                    </div>
                                </li>

                                <li>
                                          <div class="rentItem_square">
                                            <label>所在园区</label>
                                            <select class="receive_address">

                                            </select>
                                          <div>
                                </li>

                                <li>
                                    <label>具体地址(无需再填写省市,详细到街道门牌号,方便租客寻找)</label>

                                </li>
                            </ul>
                        </input>

                        <div class="vertical-align">
                            <textarea class="comment"rows="3" cols="40" required></textarea>
                        </div>

                    </div>
                        <img src="House2.html">
                    
                    <div>
                        <img src="../image/background_map.webp" width="260px" height="260px">
                    </div>
                </div>
            </li>
        </ul>
    </div>



    <!--5. 底部结算条-->
    <!--=================================底部====================================-->
    <div class="fix-bottom">
        <div class="bottomWrapper">
            <div class="back-to-top">
                <div id="goTop">
                    <font style="vertical-align: inherit;">
                        回到顶部
                    </font>
                </div>

            </div>

            <div class="save-back">
                <button type="button" class="el-button" title>
                  <span>
                      <font style="vertical-align: inherit;">
                          <font style="vertical-align: inherit;">保存返回列表</font>
                      </font>
                  </span>
                </button>
            </div>

            <div class="save">
                <button type="button" class="el-button" title>
                  <span>
                      <font style="vertical-align: inherit;">
                          <font style="vertical-align: inherit;">保存并继续</font>
                      </font>
                  </span>
                </button>
            </div>

            <div class="save">
                <button type="button" class="el-button" title>
                  <span>
                      <font style="vertical-align: inherit;">
                          <font style="vertical-align: inherit;">发布</font>
                      </font>
                  </span>
                </button>
            </div>
        </div>

    </div>


    <div  class="foot-lianjie" >
        <div>
            <a href="https://www.baidu.com/?tn=40020637_9_oem_dg" class="test-foot-lianjie">
                友情链接：百度（baidu）
            </a>
        </div>

    </div>




    <!--======================================js附加======================================-->

    <script src="../js/homeowner/js_02_House2.js"></script>
    <script>
        //以下内容是设置小方块点击后回到顶部的效果
        goTop.onclick = function(){
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
        }
    </script>

    </body>
</html>